@charset "gb2312";
/* CSS Document */

*{ padding:0; margin:0;}
body {color: #333;padding: 0px !important;margin: 0px !important;font-size: 14px;font-family: "΢ÈíÑźÚ",Microsoft YaHei,Arial,Century;}
a,a:hover,a:focus {text-decoration: none;outline: none;}
::selection {background: #ff9000;color: #fff;}
::-moz-selection {background: #ff9000;color: #fff;}
h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0; font-weight:normal;}
li{ list-style-type: none;}
img{ border:none;}
a:hover { text-decoration: none;}
.clears{ clear:both; height:0; line-height:0;}
.i_header_bottom li:hover,.i_title a:hover,.i_news li:hover .news_right strong,.i_news li:hover .news_left,.ckqbsp a:hover,.i_photo li:hover p,.i_photo_m a:hover{-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s;}
.i_product li:hover .pro_txt,.i_product li:hover p{-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;transition:1s;}
.w1200{ width:1200px; margin:0 auto;}
.container{ width:1200px; margin:0 auto;}

.ckqbsp{ width:264px; height:48px; margin:10px auto;text-align:center; clear:both;}
.ckqbsp a{ display:block; width:260px; color:#0181c8; height:44px; line-height:44px; clear:both; border:2px solid #0181c8; text-align:center; font-size:16px;}
.ckqbsp a:hover{ background:#0181c8; color:#fff;}

.clear{ clear:both; height:0px;}
.inner{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.br{ border-right: 1px solid #B5B5B5;}
.bl{ border-left: 1px solid #B5B5B5;}
/*******************/
/**************************/

.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0; 
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
	z-index:10;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top: -20px;
position: relative;
z-index: 100;
}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url(themes.gif) no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/**********/
.lg{ width:100%; height:130px; background: url(bg_top.jpg) center repeat-x}
.lg-in{ width:1200px; height:130px; margin:0 auto;}
.lg-in .lg-lg{ float:left; height:130px; width:1200px;}
/******************/
.nav{ width:100%; height:50px; background:url(bg_top.jpg) bottom repeat-x;}
.nav-in{ width:1200px; height:50px; line-height:43px; margin:0 auto; position:relative}
.nav-in ul{}
.nav-in ul li{ width:150px; height:50px; text-align:center; line-height:43px;font-size: 16px;color: #ffff00; float:left}
.nav-in ul li:hover{ font-weight:bold; text-decoration:underline}
/*************************/
.abt{ width:100%; padding:60px 0px; height:330px; background:#f4f4f4;}
.abt-in{ width:1200px; height:330px; margin:0 auto; position:relative}
.abt-in .abt-con{ float:left; height:330px; float:left; width:590px;}
.abt-in .abt-con .abt-bt{ width:100%; height:70px; float:left;}
.abt-in .abt-con .abt-nr{ width:100%; float:left; margin-top:20px; height:246px; overflow:hidden}
.abt-in .abt-con .abt-nr p{ color:#666; line-height:2.2; font-size:14px; text-indent:2em}
.abt-in .abt-img{ height:330px;width:522px; float:right;}
/***********/
.pro{ width:100%; height:1110px; background:#fff; padding-top:20px}
.pro-in{ width:1200px; height:1110px; margin:0 auto; position:relative}
.pro-in .pro-tit{ width:100%; float:left; text-transform:uppercase}
.pro-in .pro-tit .prot1{ width:100%; height:63px; line-height:63px;}
.pro-in .pro-tit .prot1 span{font-family:tahoma,geneva,sans-serif; font-size:56px;color:#ae0001; font-weight:bold}
.pro-in .pro-tit .prot1 span b{color:#333333; font-weight:normal}
.pro-in .pro-tit .prot2{ width:100%; float:left; height:40px;}
.pro-in .pro-tit .prot2 span#dz{ font-size:30px; color:#000; font-weight:bold; float:left; height:40px; line-height:40px;}
.pro-in .pro-tit .prot2 span#xz{ font-size:12px; line-height:1.3; color:#707070; float:left; display:block; height:40px; padding-left:10px; padding-top:6px}
.pro-in .pro-tit .prot2  .prot3{ float:right; width:95px}
.pro-in .pro-tit .prot2  .prot3 span#tp{font-family:tahoma,geneva,sans-serif; font-size:20px;color:#D3D3D3; text-transform:uppercase; height:20px; line-height:20px; overflow:hidden; float:right}
.pro-in .pro-tit .prot2  .prot3 span#mo{ float:right; color:#a9a9a9; font-size:14px;display:block}

.pro-in .pro-con{ width:100%; float:left; margin-top:30px;}
.pro-in .pro-con ul{ width:105%}
.pro-in .pro-con ul li{ float:left; background:#f9f9f9; width:384px; height:380px; margin-right:20px; margin-bottom:20px;border:1px solid #e8e8e8; position:relative;transition: all 0.4s;}
.pro-in .pro-con ul li .li-tj{ position:absolute; left:10px; top:0px; z-index:3}
.pro-in .pro-con ul li .li-img{ width:384px; float:left; height:254px; position:relative; overflow:hidden; background:#000}
.pro-in .pro-con ul li .li-img img{ display:block; margin:auto; position:absolute; left:0px; right:0px; top:0px; bottom:0px; max-height:254px; max-width:384px;}
.pro-in .pro-con ul li .li-mc{ float:left; width:100%; text-align:center; margin-top:20px; font-size:18px; color:#333; letter-spacing:2px}
.pro-in .pro-con ul li .li-lx{ width:100%; float:left; margin-top:20px;}
.pro-in .pro-con ul li .li-lx span{ display:block; margin:0 auto; text-align:center;border: 1px solid #d8d8d8;width:300px;font-size: 14px;color: #333; height:34px; line-height:34px;}
.pro-in .pro-con ul li .li-lx span b{font-size: 20px;color: #333;}
.pro-in .pro-con ul li:hover .li-lx span{ background:#ae0001; color:#fff}
.pro-in .pro-con ul li:hover .li-lx span b{ color:#fff}
.pro-in .pro-con ul li:hover{box-shadow: 0px 0px 10px #cacaca;}
.pro-in .pro-con ul li {  cursor: pointer;  transition: all 0.6s;transition: all 0.4s;  }  
.pro-in .pro-con ul li:hover .li-img img{  transform: scale(1.2); transition: all 0.4s; }  
.pro-in .pro-mo{ width:100%; height:110px; float:left; margin-top:20px; background:url(promo.jpg) center no-repeat;}
/**************/

/**********/
.gc{ width:100%; padding:50px 0px; background:url(gcbg.jpg) center no-repeat; height:420px;}
.gc-in{ width:1200px; height:420px; margin:0 auto; position:relative; background:#fff}
.gc-in .gc-dz{font-size: 30px;font-weight: bold;margin-bottom: 10px; width:100%; text-align:center; margin-top:20px; float:left}
.gc-in .gc-dz b{ color:#ae0001}
.gc-in .gc-xz{font-size: 18px;font-weight: bold;position: relative; width:100%; float:left; text-align:center; background:url(gcxz.png) center no-repeat}

.gc-in .gc-con{ width:1140px; overflow:hidden; float:left; margin-top:20px; margin-left:30px; position:relative; }
.gc-in .gc-con ul{}
.gc-in .gc-con ul li{ float:left; margin-right:20px; width:385px; border:5px solid #fff; background:#f5f5f5}
.gc-in .gc-con ul li .gc-tp{ width:385px; position:relative; height:216px; float:left; }
.gc-in .gc-con ul li .gc-tp img{ display:block; position:absolute; max-width:385px; max-height:216px; margin:auto; left:0px; right:0px; top:0px; bottom:0px;}
.gc-in .gc-con ul li .gc-wz{ width:100%; float:left; height:40px; line-height:40px; text-align:center; background:#ae0001; margin-top:10px; color:#fff;}
.gc-in .gc-con ul li:hover{border:5px solid #ae0001; }
/**********/
.xw{ width:100%; height:570px; background-color: rgba(0, 0, 0, 0);background-image: url(xwbg.jpg);background-image-part-image: url(xwbg.jpg);background-attachment: fixed;background-position: center center;}
.xw-in{ width:1200px; height:570px; margin:0 auto; position:relative}
.xw-in .xw-nr{ width:480px; float:left; height:480px; margin-top:40px; position:relative}
.xw-in .xw-nr .xw-tit{width:100%; float:left;font-size: 42px;text-transform: uppercase;line-height: 1; color:#ae0001}
.xw-in .xw-nr .xw-tit p{font-size: 24px;margin-top: 15px; display:block;}
.xw-in .xw-nr .xw-wz{ width:100%; float:left; margin-top:30px;}
.xw-in .xw-nr .xw-wz ul{}
.xw-in .xw-nr .xw-wz ul li{width: 100%;float: left;height: 52px;line-height: 52px;border-bottom: 1px solid #ccc;transition: all .5s; overflow:hidden}
.xw-in .xw-nr .xw-wz ul li:hover{border-image:url(bottom_brd.jpg) 30 30 round;}
.xw-in .xw-nr .xw-wz ul li i{float: left;width: 6px;margin-right: 10px;height: 6px;background:#999393; margin-top: 22px;border-radius: 100%;}
.xw-in .xw-nr .xw-wz ul li:hover i{background:#000;}
.xw-in .xw-nr .xw-wz ul li a{color: #333;font-size: 15px;width: 380px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xw-in .xw-nr .xw-wz ul li:hover a{ color:#ae0001}
.xw-in .xw-nr .xw-wz ul li span{float: right;color: #666;font-size: 12px;}
.xw-in .xw-tp{ width:690px; height:480px; float:right; position:relative;margin-top: 40px;}
.xw-in .xw-tp .xwt1{ width:660px; height:230px; float:right; position:relative; overflow:hidden}
.xw-in .xw-tp .xwt1 img{ display:block; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; width:660px; height:230px;transition: all .5s cubic-bezier(0.4, 0, 1, 1) 0s;}
.xw-in .xw-tp .xwt1:hover img {-webkit-filter: brightness(.5);filter: brightness(.5);-moz-transform: scale(1.05); -webkit-transform: scale(1.05);}
.xw-in .xw-tp .xwt1 span{position: absolute;left: 0;bottom: 0;text-align: center;color: #fff;background:rgba(39,39,39,0.6);transition: all .5s; display:block; z-index:999; width:100%; height:40px; line-height:40px;font-size:16px}
.xw-in .xw-tp .xwt1:hover span{ background:#ae0001}
.xw-in .xw-tp .xwt2{ width:660px; height:230px; float:right; position:relative; overflow:hidden; margin-top:20px}
.xw-in .xw-tp .xwt2 img{ display:block; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; width:660px; height:230px;transition: all .5s cubic-bezier(0.4, 0, 1, 1) 0s;}
.xw-in .xw-tp .xwt2:hover img {-webkit-filter: brightness(.5);filter: brightness(.5);-moz-transform: scale(1.05); -webkit-transform: scale(1.05);}
.xw-in .xw-tp .xwt2 span{position: absolute;left: 0;bottom: 0;text-align: center;color: #fff;background:rgba(39,39,39,0.6);transition: all .5s; display:block; z-index:999; width:100%; height:40px; line-height:40px; font-size:16px}
.xw-in .xw-tp .xwt2:hover span{ background:#ae0001}
/********************/
.fot{ width:100%; height:230px; background:#ae0001 url(fotbg.jpg) top repeat-x;}
.fot-in{ width:1200px; height:230px; margin:0 auto; position:relative}
.fot-in .fot-lx{ float:left; width:700px; margin-top:40px}
.fot-in .fot-lx span{ display:block; width:100%; float:left;color:#fff;line-height: 30px;font-size: 16px;}
.fot-in .fot-ewm{ width:395px; height:150px; float:right; margin-top:40px; background:url(ewm.png) center no-repeat}